$theme-color: #845ec2;

.rainbow-link {
    display: inline-block;
    position: relative;
    font-weight: 500;
    color: transparent;
    animation: hue 2s linear infinite;
    background-image: linear-gradient(
        to right bottom,
        rgb(255, 0, 0),
        rgb(255, 128, 0),
        rgb(255, 255, 0),
        rgb(0, 255, 0),
        rgb(0, 255, 128),
        rgb(0, 255, 255),
        rgb(0, 128, 255),
        rgb(0, 0, 255),
        rgb(128, 0, 255),
        rgb(255, 0, 255),
        rgb(255, 0, 128)
    );
    -webkit-background-clip: text;
}

@keyframes hue {
    from {
        filter: hue-rotate(0);
    }

    to {
        filter: hue-rotate(360deg);
    }
}
